<!DOCTYPE html>
<html lang="cn-zn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>动态流星登入页面</title>
  <link rel="stylesheet" href="../style/normalize.css">
  <link rel="stylesheet" href="css_zuoye.css">

</head>
<body  style="overflow-x:hidden;width:100%;">


	

  <div class="box pos_fixed">明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。 
    转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。</div>


  <div class="sep"></div>
        <div class="menu3" style="margin-top:unset">
            <ul>
                <li><a href="#">你好阿！！！</a>
                  <ul class="submenu">
                    <li><a href="#">行星转动？</a></li>
                    <li><a href="#">黑色流星？</a></li>
                    <li><a href="#">右边的照片墙？</a></li>
                    <li><a href="#">好看吗？</a></li>
                   </ul>
                </li>

                <li><a href="#">欢迎来到</a>
                      <ul class="submenu">
                        <li><a href="#">是的!!!非常好看</a></li>
                        <li><a href="#">恭喜你答对了</a></li>
                        <li><a href="#">哈哈哈哈嗝</a></li>
                        <li><a href="#">记住!一定要从左边哦</a></li>
                        <li><a href="#">输入账号密码</a></li>
                        <li><a href="#">你发现了吗</a></li>
                        <li><a href="#">下面Mr.董先生</a></li>
                        <li><a href="#">用了响应式设计</a></li>
                    </ul>
                    </li>
                    <li><a href="#">Mr.DONG</a>
                        <ul class="submenu">
                            <li><a href="#">这里你应该</a></li>
                            <li><a href="#">看不到这段话</a></li>
                            <li><a href="#">因我隐藏的很好</a></li>
                            <li><a href="#">你是个大傻子</a></li>
                        </ul>
                    </li>
                <li><a href="#">的星空登入</a></li>
                <li><a href="#">页面  登入后</a></li>
                <li><a href="#">你就会穿梭来到</a></li>
                <li><a href="#">真正的星空</a></li>
            </ul> 
        </div>

<br><br>
        <div class="form_demo" style="text-align: center;">
          <form action="">
              <!-- <fieldset> -->
                  <!-- <legend>登录信息</legend> -->
                  <p>
                      <!-- <label for="username">用户名</label> -->
                      <input type="text" name="username" id="username">
                  </p>
                  <p>
                      <!-- <label for="pwd">密码</label> -->
                      <input type="password" name="pwd" id="pwd">
                  </p>
                  
              <!-- </fieldset> -->
              <input type="submit" value="登  录">
          </form>
      </div>
 
 <h1>Mr.董先生</h1>

 <div class="search">
  <input type="text" placeholder="请输入你想去..." name="" id="" value="" />
  <button><i>搜索</i></button>
</div>
  <div class="stars">
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
    <div class="star"></div>
  </div>
  <div id="container">
    <div id="sun"></div>
    <div class="orbit" id="earth-orbit">
      <div class="globe" id="earth">
        <div class="orbit" id="moon-orbit">
          <div class="globe" id="moon"></div>
        </div>
      </div>
    </div>
  </div>
  <ul class="photo">
    <li>
      <a href="" title="早知如此绊人心,"><img src="图片/1.jpg" alt=""></a>
    </li>
    <li>
      <a href="" title="黄粱一梦,记千余载."><img src="图片/2.jpg" alt=""></a>
    </li>
    <li>
      <a href="" title="何如当初莫相识."><img src="图片/3.jpeg" alt=""></a>
    </li>
    <li>
      <a href="" title="我这句语气原来好像你."><img src="图片/4.jpeg" alt=""></a>
    </li>
    <li>
      <a href="" title="星河滚烫,你是人间理想."><img src="图片/5.jpeg" alt=""></a>
    </li>
    <li>
      <a href="" title="当年所植,今已亭亭如盖矣."><img src="图片/6.jpg" alt=""></a>
    </li>
    <li>
      <a href="" title="热闹只是一时的消耗品"><img src="图片/7.jpg" alt=""></a>
    </li>
   
    <li>
      <a href="" title="盛夏傍晚的巷口,熙熙攘攘."><img src="图片/9.jpg" alt=""></a>
    </li>
    <li>
      <a href="" title="每个人的裂痕,"><img src="图片/10.jpg" alt=""></a>
    </li>
  
    <li>
      <a href="" title="最后都会变成故事的花纹."><img src="图片/11.jpg" alt=""></a>
    </li>
    <li>
      <a href="" title="今朝有情,留百余年."><img src="图片/12.jpg" alt=""></a>
    </li>
  </ul>

  <div class="footer">
    <ul>
    <p>合作伙伴：奥特曼</p>
    <p>联系方式：888-888-8080</p>
    <p>地址：M78星云</p>
    <p>版权所有，Mr.DONG,并保留所有权利</p>
    </ul>
  </div>
</body>
</html>